<style scoped>
    .expand-row{
        margin-bottom: 16px;
    }
</style>

<template>
    <div>
        <Row class="expand-row">
            <Col span="3">
                <Avatar icon="person" :src="row.avatar"></Avatar>
            </Col>

            <Col span="4">
                <span class="expand-key">昵称: </span>
                <span class="expand-value">{{ row.nickname }}</span>
            </Col>
            <Col span="4">
                <span class="expand-key">性别: </span>
                <span class="expand-value">{{ row.sex_text }}</span>
            </Col>
            <Col span="4">
                <span class="expand-key">注册时间: </span>
                <span class="expand-value">{{ row.created_at }}</span>
            </Col>
            <Col span="4">
                <span class="expand-key">更新时间: </span>
                <span class="expand-value">{{ row.updated_at }}</span>
            </Col>
            <Col span="4">
                <span class="expand-key">登录时间: </span>
                <span class="expand-value">{{ row.last_login_at }}</span>
            </Col>
        </Row>
    </div>
</template>

<script>
    export default {
        props: {
            row: Object
        }
    };
</script>